<!-- 页面 -->
<template>
	<s-layout title="我的课程">
		
	</s-layout>
</template>

<script setup>
	import {
		computed,
		reactive
	} from 'vue';
	import {
		onLoad,
		onReachBottom,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import {
		formatOrderColor
	} from '@/sheep/hooks/useGoods';
	import sheep from '@/sheep';
	import _ from 'lodash';
	import {
		isEmpty
	} from 'lodash';

	const tradeManaged = computed(() => sheep.$store('app').has_wechat_trade_managed);


	// 数据
	const state = reactive({
		currentTab: 0,
		orderList: [],
		loadStatus: '',
		deleteOrderId: 0,
		error: 0,
	});

	const tabMaps = [{
			name: '一造',
			value: 'zhibo',
		},
		{
			name: '二造',
			value: 'lubo',
		},
		{
			name: '建工',
			value: 'gongkai',
		}
	];


	

	onLoad(async (options) => {
		// if (options.type) {
		// 	state.currentTab = options.type;
		// }
		//getOrderList();
	});
</script>

<style lang="scss" scoped>
	.ss-row-right {
		justify-content: flex-start;
	}

	.coursebottom {
		display: flex;
		justify-content: space-between;

		.left {
			width: 70%
		}

		.right {
			width: 25%;
			display: flex;
			justify-content: center;
			/* 水平居中 */
			align-items: center;
			/* 垂直居中 */
		}

		.courseinfo {
			font-size: 12px;
			color: #666666;
			padding: 20rpx;
		}

		.learn-btn {
			width: 114rpx;
			height: 40rpx;
			font-weight: 500;
			font-size: 24rpx;
			border-radius: 40rpx;
			background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
			color: $white;
		}
	}


	.ss-order-card-warp {
		padding: 20rpx;

		.img-box {
			width: 184rpx;
			height: auto;
			border-radius: 10rpx;
			overflow: hidden;

			.order-img {
				width: 184rpx;
				height: auto;
			}
		}

		.box-right {
			flex: 1;
			position: relative;
		}

		.title-text {
			font-size: 28rpx;
			font-weight: 500;
			line-height: 40rpx;
		}
	}

	:deep(.uni-tooltip-popup) {
		background: var(--ui-BG);
	}

	.warning-color {
		color: #faad14;
	}

	.danger-color {
		color: #ff3000;
	}

	.success-color {
		color: #52c41a;
	}

	.info-color {
		color: #999999;
	}
</style>